<template>
    <div class="test">
        <div>用css画一个三角形</div>
        <div class="triangle">

        </div>
    </div>
</template>

<script>
export default {
    name: 'test-page'
}
</script>

<style scoped>
    .triangle {
        width: 0px;
        height: 0px;
        border-bottom: 200px solid;
        border-top: 0px;
        border-left: 200px solid transparent;
        border-right: 200px solid transparent;
    }
</style>